<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人详情</title>
    <script type="application/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="application/javascript" th:src="@{/js/user.js}"></script>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/css/header.css}">
</head>
<body>

<div class="layui-layout layui-layout-admin">

    <div th:replace="~{commons/commons.html::header}"></div>


    <div th:replace="~{commons/commons.html::sider}"></div>

    <div class="layui-body" >
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <div class="layui-tab-content" style="height: 780px;padding: 0px;margin: 10px;" >

                <div class="layui-row">
                    <div class="layui-col-md4 layui-col-md-offset4">
                        <h1>个人信息</h1>
                        <table class="layui-table" lay-skin="row">
                            <thead>
                            <tr>
                                <th>属性名</th>
                                <th>属性值</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>ID：</td>
                                <td th:text="${user.getId()}"></td>
                            </tr>
                            <tr>
                                <td>用户编号：</td>
                                <td th:text="${user.getUserCode()}"></td>
                            </tr>
                            <tr>
                                <td>用户名：</td>
                                <td th:text="${user.getUserName()}"></td>
                            </tr>
                            <tr>
                                <td>性别：</td>
                                <td th:text="${user.getGender()}==2?'男':'女'"></td>
                            </tr>
                            <tr>
                                <td>出生日期：</td>
                                <td th:text="${#dates.format(user.getBirthday(), 'yyyy-MM-dd')}"></td>
                            </tr>
                            <tr>
                                <td>电话号码：</td>
                                <td th:text="${user.getPhone()}"></td>
                            </tr>
                            <tr>
                                <td>地址：</td>
                                <td th:text="${user.getAddress()}"></td>
                            </tr>
                            <tr>
                                <td>用户角色：</td>
                                <td th:text="${user.getUserRoleName()}"></td>
                            </tr>
                            <tr>
                                <td>创建者ID：</td>
                                <td th:text="${user.getCreatedBy()}"></td>
                            </tr>
                            <tr>
                                <td>创建时间：</td>
                                <td th:text="${#dates.format(user.getCreationDate(), 'yyyy-MM-dd HH:mm:ss')}"></td>
                            </tr>
                            <tr>
                                <td>改变者ID：</td>
                                <td th:text="${user.getModifyBy()}"></td>
                            </tr>
                            <tr>
                                <td>改变时间：</td>
                                <td th:text="${#dates.format(user.getModifyDate(), 'yyyy-MM-dd HH:mm:ss')}"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="layui-col-md4 layui-col-md-offset4">
                        <button type="button" class="layui-btn" th:onclick="'javascript:userUpdate(\''+${user.getId()}+'\');'">修改资料</button>
                    </div>
                </div>

            </div>
        </div>
    </div>

</div>


</body>
</html>